.uiContainer {
  // Переменная максимальной ширины. Задается через inline-стили
  // в компоненте.
  --uc-max-width: 1200px;
  $maxWidth: var(--uc-max-width); // Объявляем SCSS переменную для упрощения
                                  // записи стилей.

  // Переменная отступов по горизонтали. Задается через inline-стили
  // в компоненте.
   --uc-margin: 1rem;
  $margin: var(--uc-margin);

  // CSS-функция min() нужна для ограничения МАКСИМАЛЬНОГО значения.
  // Используйте max() для ограничения МИНИМАЛЬНОГО значения.
  width: min($maxWidth, calc(100% - 2 * $margin));

  // Отступы по горизонтали будут высчитываться автоматически.
  @apply mx-auto;
}
